
<!DOCTYPE >
<html>
	<head>
		<title></title>
		<style>
			.content{
				width: :500px;
				height:500px;
				background-color:pink;
			}
			.smile{
				width:500px;
				height:500px;
				background-image: url(s.svg);
				background-repeat: no-repeat;
				background-size:200px;
			}
		.smile:hover{
			background-position: 300px 300px;
			transition: 4s;
			transition-timing-function: linear;
		}
		
		</style>
	</head>
<body>
		<div class="content">
		<div class="smile"></div>	
		</div>
</body>
</html>
